<template>
    <div>
        <br />
        <br />
        <br />
        <Head ref="steps" class="step"></Head>
        <br />
        <p id="font">恭喜您，贷款申请成功，请等待审批</p>
        <p id="font1">5秒后跳转到首页</p>
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fg.search1.alicdn.com%2Fimg%2Fbao%2Fuploaded%2Fi4%2Fi1%2F2200569431876%2FO1CN013ZJ3sj1PjFbO9nVby_%21%212200569431876.jpg&refer=http%3A%2F%2Fg.search1.alicdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666406003&t=e7e19cc50348a557617139694bbb80db" alt=""
            style="width: 600px;height: 300px;" class="img"/>    
    </div>
</template>
<script>
import Head from "../loan/loanHead.vue";
export default {
    components: {},
    props: [],
    data() {
        return {
            seconds:5
        };
    },
    components: { Head },
    computed: {},
    watch: {},
    created() {
        setTimeout(() => {
            this.$refs.steps.active = 3;
        }, 10);
        setTimeout(() =>{
            this.$router.replace({ path: "/index" });
        },4000)
    },
    mounted() { },
    methods: {

    },
};
</script>
<style>
    .img{
        margin-left: 30%;
    }
    .step{
        margin-left: 10%;
    }
    #font{
        font-size:40px;
        margin-left: 25%;
    }
    #font1{
        font-size:20px;
        margin-left: 42%;
        color: cyan;
    }
</style>

    